<template>
  <el-scrollbar style="height: 100%">
    <div class="confirmTable">
      <el-row class="confirmTitle">{{ data.title }}</el-row>
      <el-row class="confirmTableBody">
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">存款人名称</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.depositorInfo.name }}</el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">电话</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.depositorInfo.tel }}</el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">地址</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.depositorInfo.adress }}</el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">邮编</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.depositorInfo.email }}</el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">存款人类别</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.depositorInfo.type }}</el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">组织机构代码</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.depositorInfo.groupCode }}</el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">有效期限至</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.depositorInfo.time }}</el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style" :span="4">
            <el-row :span="24">
              <el-col :span="24" class="txt-center">单位负责人</el-col>
              <el-col :span="24" class="txt-center">( {{ data.UnitPrincipal }} )</el-col>
            </el-row>
            <el-row :span="24">
              <el-col :span="24" class="txt-center">法定代表人</el-col>
              <el-col :span="24" class="txt-center">( {{ data.LegalRepresentative }} )</el-col>
            </el-row>
          </el-col>
          <el-col class="border-left-style" :span="20">
            <el-row class="border-bottom-style">
              <el-col class="padding-style txt-center border-right-style" :span="6">姓名</el-col>
              <el-col class="padding-style txt-center" :span="18">{{ data.signModel[0].name }}</el-col>
            </el-row>
            <el-row class="border-bottom-style">
              <el-col class="padding-style txt-center border-right-style" :span="6">证件种类</el-col>
              <el-col class="padding-style txt-center" :span="18">{{ data.signModel[0].certType }}</el-col>
            </el-row>
            <el-row class="border-bottom-style">
              <el-col class="padding-style txt-center border-right-style" :span="6">证件号码</el-col>
              <el-col class="padding-style txt-center" :span="18">{{ data.signModel[0].certNum }}</el-col>
            </el-row>
            <el-row>
              <el-col class="padding-style txt-center border-right-style" :span="6">有效期限至</el-col>
              <el-col class="padding-style txt-center" :span="18">{{ data.signModel[0].time }}</el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style" :span="4">
            <el-row>双热线联系人</el-row>
          </el-col>
          <el-col class="border-left-style" :span="20">
            <el-row class="border-bottom-style input-height-style">
              <el-col class="padding-style txt-center border-right-style input-height-style input-line-height-style" :span="6">姓名</el-col>
              <el-col class="padding-style txt-center" :span="18">
                <el-input v-model="data.signModel[1].name" placeholder="请输入内容" :disabled="isTrue" />
              </el-col>
            </el-row>
            <el-row class="border-bottom-style input-height-style">
              <el-col class="padding-style txt-center border-right-style input-height-style input-line-height-style" :span="6">职务</el-col>
              <el-col class="padding-style txt-center" :span="18">
                <el-input v-model="data.signModel[1].profession" placeholder="请输入内容" :disabled="isTrue" />
              </el-col>
            </el-row>
            <el-row class="border-bottom-style input-height-style">
              <el-col class="padding-style txt-center border-right-style input-height-style input-line-height-style" :span="6">手机号码</el-col>
              <el-col class="padding-style txt-center" :span="18">
                <el-input v-model="data.signModel[1].tel" placeholder="请输入内容" :disabled="isTrue" />
              </el-col>
            </el-row>
            <el-row class="border-bottom-style input-height-style">
              <el-col class="padding-style txt-center border-right-style input-height-style input-line-height-style" :span="6">姓名</el-col>
              <el-col class="padding-style txt-center" :span="18">
                <el-input v-model="data.signModel[2].name" placeholder="请输入内容" :disabled="isTrue" />
              </el-col>
            </el-row>
            <el-row class="border-bottom-style input-height-style">
              <el-col class="padding-style txt-center border-right-style input-height-style input-line-height-style" :span="6">职务</el-col>
              <el-col class="padding-style txt-center" :span="18">
                <el-input v-model="data.signModel[2].profession" placeholder="请输入内容" :disabled="isTrue" />
              </el-col>
            </el-row>
            <el-row class="input-height-style">
              <el-col class="padding-style txt-center border-right-style input-height-style input-line-height-style" :span="6">手机号码</el-col>
              <el-col class="padding-style txt-center" :span="18">
                <el-input v-model="data.signModel[2].tel" placeholder="请输入内容" :disabled="isTrue" />
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row class="border-bottom-style input-height-style">
          <el-col class="padding-style txt-center input-height-style input-line-height-style" :span="9">行业分类</el-col>
          <el-col class="padding-style txt-center border-left-style input-height-style input-line-height-style" :span="15">
            <el-select v-model="data.bussinessModel" filterable style="width: 100%;" size="large" clearable :disabled="isTrue" placeholder="请选择">
              <el-option
                v-for="item in data.bussinessOption"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">注册资金</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.registeredCapital }}</el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">经营范围</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.scopeBusiness }}</el-col>
        </el-row>
        <el-row>
          <el-col class="padding-style txt-center" :span="9" />
          <el-col class="padding-style txt-center border-left-style sign-form-height border-bottom-style" :span="15">{{ data.supportingType }}</el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">证明文件类型</el-col>
          <el-col class="border-left-style txt-center" :span="15">
            <el-row>
              <el-col class="padding-style" :span="24">
                <el-checkbox-group v-model="data.supportingType" :min="1" :max="1" :disabled="isTrue">
                  <el-checkbox v-for="its in data.supportingOption" :key="its.value" :label="its.label">
                    {{ its.value }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">证明文件编号</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.supportingNumber }}</el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style txt-center" :span="9">有限期限至</el-col>
          <el-col class="padding-style txt-center border-left-style sign-form-height" :span="15">{{ data.supportingTime }}</el-col>
        </el-row>
        <el-row class="border-bottom-bold-style">
          <el-col class="padding-style txt-center" :span="9">支取方式</el-col>
          <el-col class="border-left-style txt-center" :span="15">
            <el-row>
              <el-col class="padding-style" :span="24">
                <el-checkbox-group v-model="data.spendWayModel" :min="1" :max="1" :disabled="isTrue">
                  <el-checkbox v-for="spend in data.spendWayModelOption" :key="spend.value" :label="spend.label">
                    {{ spend.value }}
                  </el-checkbox>
                </el-checkbox-group>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row class="border-bottom-style">
          <el-col class="padding-style" :span="24">{{ data.statement }}</el-col>
        </el-row>
      </el-row>
    </div>
  </el-scrollbar>
</template>
<script>
export default {
  name: 'BizSignFormInfo',
  components: {},
  props: ['data', 'isTrue'],
  data() {
    return {}
  },
  created() {

  },
  mounted() {

  }
}
</script>
<style scoped>
  .word-border-style {
    font-weight: bold;
  }

  .confirmTable {
    padding: 10px 20px;
    width: 100%;
  }

  .confirmTitle {
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
  }

  .confirmTableBody {
    width: 100%;
    border: 2px solid #0c0c0c;
  }

  .padding-style {
    padding: 10px;
  }

  .border-top-style {
    border-top: 1px solid #909399
  }

  .border-bottom-style {
    border-bottom: 1px solid #909399
  }

  .border-right-style {
    border-right: 1px solid #909399
  }

  .border-left-style {
    border-left: 1px solid #909399
  }

  .border-bottom-bold-style {
    border-bottom: 2px solid #0c0c0c;
  }

  .sign-form-height{
    height: 34.6px;
  }

  .input-height-style{
    height: 60px;
  }

  .input-line-height-style{
    line-height: 42px;
  }
</style>
